<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="inner_container">
	<header id="main_header">
		<section id="top_head">
		<div class="sec_cont">
		<nav>
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="magazine.html">Products</a></li>
			<li><a href="#">Best Sellers</a></li>
			<li><a href="#">Newsletter</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">FAQ</a></li>
			<li><a href="#">Get Involved</a></li>
		</ul>
		
		</nav>
		<ul id="header_actions">
			<li>
			Your Cart: $64.37<br />
			<a href="#">edit/checkout</a>
			</li>
			<li>1.800.432.3004</li>
		</ul>
		<input type="text" id="search" />
		
		</div>
		</section><!--end top_head-->
		

		<section id="headline_gallery">
			<div class="sec_cont">
				<div class="head_message left">
					<h1>Help Raise Funds Today!</h1>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
					</p>
				</div><!--end head_message-->

				<div class="featured_image left">
					<img src="images/mags.png" alt="" />

				</div><!--end featured_image-->

			</div><!--end sec_cont-->
		</section><!--end headline_gallery-->
	</header>
		<div id="main">
		<section id="products_sidebar" class="left">
			<nav id="products_sidebar_navigation">

				<ul>
					<li>
						<h4>Categories</h4>
						<ul>
							<li><a href="#">Lifestyle</a></li>
							<li><a href="#">Sports</a></li>
							<li><a href="#">Technology</a></li>
							<li><a href="#">Music</a></li>
							<li><a href="#">Pop Culture</a></li>
							<li><a href="#">News &amp Politics</a></li>
							<li><a href="#">Science &amp Nature</a></li>
							<li><a href="#">Economics</a></li>
							<li><a href="#">Special Interests</a></li>
							<li><a href="#">Cars</a></li>
							<br class="clear" />
						</ul>
					</li>
					<li>
						<h4>Price</h4>
						<ul>
							<li><a href="#">$2.00 - $3.25</a></li>
							<li><a href="#">$2.00 - $3.25</a></li>
							<li><a href="#">$2.50 - $4.00</a></li>
							<li><a href="#">$3.50 - $7.00</a></li>
							<li><a href="#">$6.00 - $10.00</a></li>
							<br class="clear" />
						</ul>
					</li>
					<li>
						<h4>Popularity</h4>
						<ul>
							<li><a href="#">Maxim</a></li>
							<li><a href="#">Sports Illustrated</a></li>
							<li><a href="#">GQ</a></li>
							<li><a href="#">Time Magazine</a></li>
							<li><a href="#">ESPN</a></li>
							<li><a href="#">Nat. Geographic</a></li>
							<li><a href="#">Rolling Stone</a></li>
							<li><a href="#">Better Homes</a></li>
							<br class="clear" />
						</ul>
					</li>

				</ul>
			</nav>
		</section><!--end sidebar-->
		<section id="sectionList" class="left">

			<section id="science_nature" class="products_showcase">
				<div id="product_photo" class="left">
					<img src="images/obama.png" alt="" />
				</div>

				<div id="product_details" class="left">
					<h2>Time Magazine</h2>
					<h3>Maybe a subtitle goes here?</h2>
					<p>
						This magazine is so awesome that...Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis e
					</p>

					<div id="product_costs" class="left">
						<ul>
							<li>Newstand Price: $4.95</li>
							<li>Your Price: $3.00</li>
						</ul>

						<a href="#" class="addCart">Add to Cart</a>
					</div><!--end product_costs-->
				</div><!--end product_details-->
				
		</section><!--end products_showcase-->
		<div class="clear"></div>
		</div><!--end main-->

		<footer id="page_footer">
			<header id="footer_top">
				<div class="sec_cont">

				<section id="foot_contact" class="left thirds first">
					<div class="foot_third_inner">
						<h3>Contact</h3>
						<p>1.800.432.3004<br />
							info@fundraisingmagazines.com<br />
							request a catalog
						</p>

					</div>
				</section>

				<section id="foot_other" class="left thirds mid">
					<div class="foot_third_inner">
						<h3>Other Fundraisers</h3>
						<ul>
							<li><a href="#">Superior Plan</a></li>
							<li><a href="#">eSports Fundraising</a></li>
						</ul>
					</div>
				</section>

				<section id="foot_total" class="left thirds last">
					<div class="foot_third_inner">
						<h3>Your Current Total</h3>
						

					</div>
				</section>
				</div><!--end sec_cont-->
			</header>
			<footer id="footer_bottom">
				<div class="sec_cont">
				<nav id="footer_nav">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Products</a></li>
						<li><a href="#">Best Sellers</a></li>
						<li><a href="#">Newsletter</a></li>
						<li><a href="#">Contact</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Get Involved</a></li>
					</ul>

				</nav>
			</div><!--end sec_cont-->

			</footer><!--end footer_bottom-->

		</footer><!--end page_footer-->

	</header><!--end main_header-->

</div><!--end inner_container-->
</div><!--end container-->
</body>

</html>